<style>
    .center {
        text-align: center;
    }

    .left {
        text-align: left;
    }

    .right {
        text-align: right;
    }

    .row {
        font-size: 1.5rem;
    }
</style>
<div class="row">
    <div class="col-xs-10">
        <label class="col-xs-2 right">
            订单金额：
        </label>
        <div class="col-xs-10 left">
            {$order.price}
        </div>
    </div>
    <div class="col-xs-10" style="margin-top: 15px;">
        <label class="col-xs-2 right">
            拆分价格：
        </label>
        <div class="col-xs-10 left">
            <input type="text" class="input" id="send_sn">(多个价格中间以英文，分隔)
        </div>
    </div>
</div>
<hr>
<div class="row">
    <div class="col-xs-10">
        <label class="col-xs-2 right">
        </label>
        <div class="col-xs-10 left">
            <a href="Javascript:;" class="btn btn-primary " onclick="order_explode('{$order.id}')">确认拆分</a>
        </div>
    </div>
</div>
<script>
    function order_explode(order_id) {
        let price = $("#send_sn").val();
        var index = layer.confirm("确认拆分？", function () {
            $.post("{:url('orderExplode')}", {order_id:order_id, price:price}, function (rs) {
                var res = $.parseJSON(rs);
                layer.close(index);
                layer.msg(res.info);
                if(res.status == 0){
                    parent.location.reload();
                }
            })
        })
        
    }


</script>





